/* 复用头部与尾部 */
define(["jquery", "cookie"], function($){

	function Header() {
		this.load();
	}

	Header.prototype = {
		constructor: Header,
		// 加载头部与尾部
		load: function() {
			// 头部
			// $.get("/html/include/header.html", this.headerHandler.bind(this));
			$.get("/html/include/header.html", $.proxy(this.headerHandler, this));

			// 尾部
			$("footer").load("/html/include/footer.html");			
		},
		// 处理头部加载完成后的任务
		headerHandler: function(data) {
			// 将读取到的头部复用HTML渲染到 <header> 内部
			$("header").html(data);
			// 注册事件监听
			this.addListener();
			// 判断是否有登录成功的用户信息，有则渲染显示
			this.loadLoginUser();
			
			//给 mune绑定点击事件
			$(".title,.nav_list").hover(function(){
				$(".nav_list").show();
			},function(){
				$(".nav_list").hide();
			});
		},
		loadLoginUser: function() {
			$.cookie.json = true;
			var user = $.cookie("login-user"); // 如果不能读取到 cookie 则返回 undefined
			console.log($(".login-li"));
			if (user) {// 有登录用户
				$(".login-li li:nth-child(1),.login-li li:nth-child(2)").remove();
				$(".login-li").prepend(`			
					<li><a href="#"><img src="/images/user.jpg"/>${user}</a></li>
					<li><a href="#" class="login-out">退出登录</li>`);
				$(".login-out").click(function(){
					location = "/html/login.html";
					var login_user = null;
					$.cookie("login-user",login_user,{expirse:10,path:"/"});
					if($.cookie("login-user")){						
						$(".login-li li:nth-child(1),.login-li li:nth-child(2)").remove();
						$(".login-li").prepend(`			
							<li><a href="/html/login.html">登录</a></li>
							<li><a href="/html/register.html">注册</a></li>`);
					}
					
				});
			}				
		},
		// 注册事件监听
		addListener: function() {
			// 为“搜索”框绑定按键事件
			$(".search>input").keyup(this.searchHandler);
			// 为 ".search-info" 的孩子 div 绑定点击事件：事件委派
			$(".search-info").on("click", "div", this.suggestHandler);			
		},
		// 处理搜索框事件
		searchHandler: function() {
			var 
				word = $(this).val(),
				url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
			$.getJSON(url, function(data){
				var html = "";
				data.result.forEach(function(curr){
					html += `<div style="margin-top:5px;font-size:14px;cursor:pointer">${curr[0]}</div>`;
				});
				$(".search-info").html(html);
			});			
		},
		// 点击提示
		suggestHandler: function() {
			$(".search>input").val($(this).text());
			$(".search-info").empty();
		}
	}

	// 创建加载头部尾部实例
	new Header();
});


// $("header").load("/html/include/header.html");
/*$.get("/html/include/header.html", function(data){
	// $("header").append(data); // xxx.appendChild(data)
	$("header").html(data); // xxx.innerHTML = data;
});*/




	/*// ajax读取头部文件加载
	$.ajax({
		type: "get", // method
		url: "/html/include/header.html",
		success: function(data) {
			
			// 为“搜索”框绑定按键事件
			$(".search>input:first").keyup(function(){
				var 
					word = $(this).val(),
					url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
				$.getJSON(url, function(data){
					// console.log(data);
					var html = "";
					data.result.forEach(function(curr){
						html += `<div>${curr[0]}</div>`;
					});
					$(".suggest").html(html);
				});			
			});
			// 为 ".suggest" 的孩子 div 绑定点击事件：事件委派
			$(".suggest").delegate("div", "click", function() {
				$(".search>input:first").val($(this).text());
				$(".suggest").empty();
			});
		}
	});




	// 加载尾部
	$("footer").load("/html/include/footer.html");*/